<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>贪吃蛇</title>
<script defer src="buind.js"></script></head>

<body>
    <p>请按下wasd</p>
  <div class="box">
    <div>
      <div class="box1">
        <div class="snake">
          <div class="head"></div>
          <div></div>
          <div></div>
        </div>
        <span class="food"></span>
      </div>
    </div>
    <div class="box3">
      <h4>分数: <span class="score">0</span></h4>
      <h4>等级: <span class="level">1</span></h4>
    </div>
  </div>
  <div class="key">
    <div>
      <span style="background-color: #fff;"></span>
      <span class="span">w</span>
      <span style="background-color: #fff;"></span>
    </div>
    <div>
      <span class="span">a</span>
      <span style="background-color: #fff;">暂停</span>
      <span class="span">d</span>
    </div>
    <div>
      <span style="background-color: #fff;"></span>
      <span class="span">s</span>
      <span style="background-color: #fff;"></span>
    </div>
  </div>
</body>

</html>